<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">
        <h:form id="viewSalesInquiryForm">

            <h:outputText style="font-weight: bold" value="Quotation Id: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.id}">
            </h:outputText>
            <br/>

            <h:outputText style="font-weight: bold" value="Issuance Date and Time: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.dateTime}">
            </h:outputText>
            <br/>

            <br/>
            <br/>
            <h:outputText style="font-weight: bold" value="Client ID: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.client.id}">
            </h:outputText>
            <br/>
            <h:outputText style="font-weight: bold" value="Client Name: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.client.name}">
            </h:outputText>
            <br/>
            <h:outputText style="font-weight: bold" value="Company Name: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.client.companyName}">
            </h:outputText>
            <br/>
            <h:outputText style="font-weight: bold" value="Company Address: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.client.companyAddress}">
            </h:outputText>
            <br/>
            <h:outputText style="font-weight: bold" value="Business Type: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.client.businessType}">
            </h:outputText>
            <br/>
            <br/>

            <h:dataTable cellpadding="6px" cellspacing="24px" styleClass="allaroundborder" headerClass="allaroundborder" columnClasses="allaroundborder"
                         rowClasses="allaroundborder" value="#{salesInquiryBean.salesInquiry.salesInquiryItems}" var="salesInquiryItem">

                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Item Id" />
                    </f:facet>
                    <h:outputText value="#{salesInquiryItem.id}" />
                </h:column>

                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Item Name" />
                    </f:facet>
                    <h:outputText value="#{salesInquiryItem.productName}" />
                </h:column>

                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Quantity of Product" />
                    </f:facet>
                    <h:outputText value="#{salesInquiryItem.numOfProduct}" />
                </h:column>

                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Product Price" />
                    </f:facet>
                    <h:outputText value="#{salesInquiryItem.productPrice}" />
                </h:column>

            </h:dataTable>
            <h:outputText style="font-weight: bold" value="Total Price: " />
            <h:outputText value="#{salesInquiryBean.salesInquiry.totalPrice}">
            </h:outputText>
            <br/><br/>
            <h:commandButton action="index.xhtml" value="Return to index" actionListener="#{salesInquiryBean.resetAfterConfirmSalesInquiry}"/>
        </h:form>
</ui:composition>
